/*通用样式*/
*{margin:0;padding: 0;}
html,body{width: 100%;height: 100%;overflow: hidden;position: fixed;font-family: helvetica,arial,sans-serif;line-height: 1.2;-webkit-tap-highlight-color: rgba(0,0,0,0);}

p,h1,h2,h3,h4,h5,h6,small{font-weight: normal;display: block;}
small,.small{font-size: 10px;}
h6,.h6{font-size: 12px;}
h5,.h5{font-size: 14px;}
h4,.h4{font-size: 16px;}
ul,li,ol,dl,dt,dd{list-style: none;}

input[type="search"],input[type="email"],input[type="submit"],input[type="text"],input[type="password"],input[type="tel"],input[type="button"],input[type="number"],button,select,textarea{display: block;-webkit-appearance: none;appearance: none;box-sizing: border-box;outline: medium;border: none;font-family: helvetica,arial,sans-serif;resize: none;}

input:disabled{
	background-color: transparent;
}

.dm-wrap{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

input[type="date"],input[type="time"]{background-color: transparent;}

a{text-decoration: none;color: inherit;}
.dm-mt{margin-top: 10px;}
.dm-mb{margin-bottom: 10px;}

/*禁用*/
.disabled{ pointer-events: none;}

/*图片*/
img{display: block;width: 100%;}
.cover img{height: 100%;object-fit: cover;}

/*float浮动*/
.dm-clearfix{zoom: 1;}
.dm-clearfix:after{content: "";display: block;clear: both;height: 0;}
.dm-left{float: left;}
.dm-right{float: right;}
/*float浮动 end*/

/*对齐方式*/
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.tj{text-align: justify;}

/*线条*/
.bottom-line,.right-line,.top-line,.left-line{position: relative;}
.bottom-line:after{content: "";width: 100%;height: 1px;background-color: #ddd;position: absolute;bottom: 0;left: 0;-webkit-transform: scaleY(.5);transform: scaleY(.5);}
.top-line:before{content: "";width: 100%;height: 1px;background-color: #ddd;position: absolute;top: 0;left: 0;-webkit-transform: scaleY(.5);transform: scaleY(.5);}
.right-line:after{content: "";width: 1px;height: 100%;background-color: #ddd;position: absolute;top: 0;right: 0;-webkit-transform: scaleX(.5);transform: scaleX(.5);}
.left-line:before{content: "";width: 1px;height: 100%;background-color: #ddd;position: absolute;top: 0;left: 0;-webkit-transform: scaleX(.5);transform: scaleX(.5);}
.bottom-line.main-line:after,.top-line.main-line:before,.left-line.main-line:before,.right-line.main-line:after{background-color: #a7a7aa;}
/*线条 end*/

/*flex布局*/
.flex-row{display: -webkit-flex !important;display: flex !important;-webkit-flex-direction: row;flex-direction: row;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
.flex-col{display: -webkit-flex !important;display: flex !important;-webkit-flex-direction: column;flex-direction: column;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
.flex-full{-webkit-flex: 1;flex: 1;}
.flex-inline{display: -webkit-inline-flex !important;display: inline-flex !important;}
/*flex布局 end*/

/*主模块*/
.Main{position: absolute;top: 0;bottom: 0;z-index: 2;width: 100%;background-color: #efeff4;}
.header ~ .Main{top: 44px;}
.footer ~ .Main{bottom: 49px;}
.header{height: 44px;position: absolute;top: 0;width: 100%;background-color: #fff;z-index: 9;}
.header .title{display: block;width: 70%;margin: 0 auto;line-height: 44px;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 16px;}

.header .search-box{padding-left: 34px;box-sizing: border-box;height: 44px;}
.header .search-box .search-input{background-color: #f4f4f4;height: 32px;box-sizing: border-box;padding: 0 17px;border-radius: 17px;line-height: 1.2;}
.header .search-box .btn{color: #B4282D;padding: 0 12px;height: 34px;font-size: 14px;background-color: transparent;}

.header .left_icon{display: block;min-width: 44px;height: 44px;position: absolute;top: 0;left: 0;box-sizing: border-box;padding-left: 24px;line-height: 44px;font-size: 14px;background-position: center;background-repeat: no-repeat;}
.header .right_icon{display: block;min-width: 44px;height: 44px;position: absolute;top: 0;right: 0;line-height: 44px;text-align: center;font-size: 14px;background-position: center;background-repeat: no-repeat;}
.header .back_btn:after{content: "";width: 10px;height: 10px;position: absolute;border-top: 2px solid #666;border-left: 2px solid #666;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);top: 15px;left: 12px;}

.footer{height: 49px;position: absolute;bottom: 0;width: 100%;background-color: #fff;text-align: center;z-index: 9;}
.footer .submitBtn{margin-top: 4px;}
.footer > button{height: 100%;display: block;line-height: 49px;background-color: #fff;color: #B4282D;font-size: 15px;}
.footer > .btn-1{background-color: #B4282D;color: #fff;}
.Main>.swiper-wrapper>.swiper-slide.content{height: auto;}

nav{
	position: absolute;
	top: 44px;
	left: 0;
	width: 100%;
	height: 44px;
	line-height: 44px;
	z-index: 9;
}
nav a{color: #555;position: relative;}
nav a.on{color: #B4282D;}
nav a.on:after{
	content: '';
	width: 80%;
	height: 2px;
	background-color: #B4282D;
	position: absolute;
	bottom: 0;
	left: 10%;
}
.header + nav + .Main{
	top: 88px;
}


/*上下拉动*/
.pull-up{line-height: 40px;font-size: 14px;text-align: center;background-color: transparent;color: #555;position: absolute;width: 100%;top: -40px;}

.pull-down{line-height: 40px;font-size: 14px;text-align: center;background-color: transparent;color: #555;width: 100%;display: block;}
/*主模块 end*/

/*背景色*/
.bg-w{background-color: #fff;}
.bg-g{background-color: #f7f7f7;}

/*主标题*/
.dm-title{padding: 0 12px;line-height: 38px;color:#555;font-size: 14px;}
.dm-title span{display: block;position: relative;padding-left: 9px;}
.dm-title span:before{
	content: '';
	width: 3px;
	height: 14px;
	background-color: #5CADE7;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -7px;
}


.switch-mod{
	display: inline-block;
	vertical-align: middle;
	width: 52px;
	height: 28px;
	position: relative;
	overflow: hidden;
}
.switch-mod input{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 3;
}
.switch-mod input+.switch{
	background: #fff;
	border:1px solid #cccccc;
	height: 26px;
	line-height: 26px;
	border-radius: 14px;
	overflow: hidden;
	font-size: 12px;
}
.switch-mod input:checked+.switch{
	border-color: #573b2d;
	background-color: #573b2d;
}
.switch-mod input+.switch .cancel{
	padding-left: 26px;
	height: 26px;
	width: 18px;
	position: relative;
	color: #888;
	display: block;
}
.switch-mod input+.switch .cancel:after{
	content: "";
	width: 26px;
	height: 26px;
	background-color: #FFFFFF;
	border-radius: 50%;
	box-shadow: 1px 0 3px #bbb;
	position: absolute;
	left: 0;
	top: 0;
}
.switch-mod input+.switch .enter{
	text-align: left;
	color: #fff;
	padding-left: 6px;
	width: 44px;
	height: 26px;
	position: relative;
	background-color: transparent;
	display: none;
}
.switch-mod input+.switch .enter:after{
	content: "";
	width: 26px;
	height: 26px;
	background-color: #FFFFFF;
	border-radius: 50%;
	position: absolute;
	right: 0;
	top: 0;
}

.switch-mod input:checked+.switch .cancel{
	display: none;
}
.switch-mod input:checked+.switch .enter{
	display: block;
}


/*通常列表*/
.dm-norlist{padding-left: 12px;}
.dm-norlist > .list{line-height: 24px;padding: 10px 0;display: block;font-size: 14px;position: relative;width: 100%;overflow: hidden;position: relative;}
.dm-norlist > .list .update-btn{width: 100%;height: 100%;display:block;position: absolute;top: 0;left: 0;opacity: 0;}
.dm-norlist > .input{padding: 5px 0;}
.dm-norlist > .list > .max-input{height: 24px;font-size: 14px;width: 100%;}
.dm-norlist > .list .cot,.dm-norlist > .input .cot{margin-right: 12px;overflow: hidden;}
.dm-norlist > .list .cot .section{width:100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.dm-norlist > .arrow .cot{margin-right: 24px;}
.dm-norlist > .input{font-size: 14px;position: relative;width: 100%;}
.dm-norlist > .list .name{margin-right: 10px;}
.dm-norlist .name .radio{
	width: 22px;
	height: 22px;
	position: relative;
	overflow: hidden;
	margin-right: 2px;
}
.dm-norlist .name .yzm{padding: 0 15px;height: 18px;font-size: 12px;background-color: transparent;color: #B4282D;white-space: nowrap;line-height: 1.2;font-size: 13px;}
.dm-norlist .red{color: #B4282D !important;padding-left: 5px;}
.dm-norlist .name .radio input{
	-webkit-appearance: none;
	appearance: none;
	outline: medium;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../../image/icon/checkbox-icon.png) center top no-repeat;
	background-size: 100% auto;
}
.dm-norlist .name .radio input:checked{
	background-position-y: bottom;
}
.dm-norlist > .input .icon{padding-right: 12px;}
.dm-norlist > .input .icon img{width: 22px;}

.dm-norlist > .input .max-input{height: 34px;width: 100%;line-height: 1.2;font-size: 14px;}
.dm-norlist > .input .mid-input{height: 34px;}
/*.dm-norlist > .input .cot{padding: 5px 0;}*/
.dm-norlist > .input .code-btn{padding: 0 20px;color: #DD705D;white-space:nowrap;}
.dm-norlist .input .date{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}
.dm-norlist .section{color: #888;}

.dm-norlist > .input.text{-webkit-align-items: flex-start;align-items: flex-start;}
.dm-norlist > .input.text .name{
	margin-right: 12px;
}
.dm-norlist > .input.text textarea{
	box-sizing: border-box;
	width: 100%;
	padding: 13px 0;
	line-height: 18px;
	font-size: 14px;
	text-align: right;
}
.dm-norlist > .input .cot textarea{line-height: 1.4;padding: 5px 0;}


.submitBtn{width:94%;height: 44px;line-height: 1.2;background-color: #B4282D;margin:20px auto;font-size: 15px;color: #fff;border-radius: 3px;}

.arrow:before{content: "";width: 8px;height: 8px;position: absolute;border-top: 1px solid #999;border-right: 1px solid #999;top:50%;right:12px;margin-top: -5px;background-color: transparent;-webkit-transform: rotate(45deg);transform: rotate(45deg);}


.subMain{width: 100%;height: 100%;position: absolute;background-color: red;z-index: 10;background-color: #f7f7f7;-webkit-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0);}
.animate{-webkit-transition: all 500ms;transition: all 500ms;}

